body { font-family: Verdana, sans-serif; font-size: 12px; color:#484848; margin: 0; padding: 0; min-width: 900px; }
.tabla-centrada {
    text-align: center
}
h1, h2, h3, h4 { font-family: "Trebuchet MS", Verdana, sans-serif;}
h1 {margin:0; padding:0; font-size: 24px;}
h2, .wiki h1 {font-size: 20px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}
h3, .wiki h2 {font-size: 16px;padding: 2px 10px 1px 0px;margin: 0 0 10px 0; border-bottom: 1px solid #bbbbbb; color: #444;}
h4, .wiki h3 {font-size: 13px;padding: 2px 10px 1px 0px;margin-bottom: 5px; border-bottom: 1px dotted #bbbbbb; color: #444;}

.ultimo_ingreso {background-color: palegreen}
.ingreso_anterior {background-color: palevioletred}

.lightbox-content{ display: none }

/***** Layout *****/
#wrapper {background: white;}

#top-menu {background: #2C4056; font-family: "verdana"; color: #fff; height:2em; font-size: 1em; padding: 2px 2px 0px 6px;}
#top-menu ul {margin: 0;  padding: 0;}
#top-menu li {
   float:left;
   list-style-type:none;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   white-space:nowrap;
}
#top-menu a {color: #fff; padding-right: 8px; font-weight: bold;}

.link1{font-size: 9pt; font-weight: normal}

#account {float:right;}

#header {height:5.3em;margin:0;background-color:#507AAA;color:#f8f8f8; padding: 4px 8px 0px 6px; position:relative;}
#header a {color:#f8f8f8;}

#main-menu {position: absolute;  bottom: 0px;  left:6px; margin-right: -500px;}
#main-menu ul {margin: 0;  padding: 0;}
#main-menu li {
   float:left;
   list-style-type:none;
   margin: 0px 2px 0px 0px;
   padding: 0px 0px 0px 0px;
   white-space:nowrap;
}
.modulo-item {
}
#main-menu li a {
   display: block;
   color: #fff;
   text-decoration: none;
   font-weight: bold;
   margin: 0;
   padding: 4px 10px 4px 10px;
}
#main-menu li a:hover {background:#759FCF; color:#fff;}
#main-menu li a.selected, #main-menu li a.selected:hover {background:#fff; color:#555;}

#main {background-color:#EEEEEE;}

#sidebar{ float: right; width: 17%; position: relative; z-index: 9; min-height: 600px; padding: 0; margin: 0;}
* html #sidebar{ width: 17%; }
#sidebar h3{ font-size: 14px; margin-top:14px; color: #666;  }
#content {
   padding: 6px 10px 10px 10px;
   float:left;
   width: 80%;
   z-index: 10;
}
* html #content{ width: 80%; padding-left: 0; margin-top: 0px; padding: 6px 10px 10px 10px;}
html>body #content { min-height: 600px; }
* html body #content { height: 600px; } /* IE */

#footer {clear: both; border-top: 1px solid #bbb; font-size: 0.9em; color: #aaa; padding: 5px; text-align:center; background:#fff;}

#login-form table {margin-top:5em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #FDBF3B; background-color:#FFEBC1; }
#login-form table td {padding: 6px;}
#login-form label {font-weight: bold;}


/***** Links *****/
a, a:link, a:visited{ color: #2A5685; text-decoration: none; }
a:hover, a:active{ color: #c61a1a; text-decoration: underline;}
a img{ border: 0; }

/***** Tables *****/
table.list { border: 1px solid #e4e4e4;  border-collapse: collapse; width: 100%; margin-bottom: 4px; }
table.list th {  background-color:#EEEEEE; padding: 4px; white-space:nowrap; }
table.list td { vertical-align: top; }
table.list td.id { width: 2%; text-align: center;}
table.list td.checkbox { width: 15px; padding: 0px;}

table.list tbody tr:hover { background-color:#ffffdd; }
table td {padding:2px;}
table p {margin:0;}
.odd {background-color:#efefef;/* #D6D7D8; */}
.even {background-color: #dfdfdf;}
.white {background-color: white}

table.alignLeft { border: 1px solid #e4e4e4;  border-collapse: collapse; width: 100%; margin-bottom: 4px; }
table.alignLeft th {  background-color:#EEEEEE; padding: 4px; white-space:nowrap; }
table.alignLeft td { vertical-align: top; text-align: left; }
table.alignLeft td.id { width: 2%; text-align: left;}
table.alignLeft tbody tr:hover { background-color:#ffffdd; }

.highlight { background-color: #FCFD8D;}
.highlight.token-1 { background-color: #faa;}
.highlight.token-2 { background-color: #afa;}
.highlight.token-3 { background-color: #aaf;}

.box{
   padding:6px;
   margin-bottom: 10px;
   background-color:#f6f6f6;
   color:#505050;
   line-height:1.5em;
   border: 1px solid #e4e4e4;
}

div.square {
   border: 1px solid #999;
   float: left;
   margin: .3em .4em 0 .4em;
   overflow: hidden;
   width: .6em; height: .6em;
}
.contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:5px; padding-left: 10px; font-size:0.9em;}
.contextual input {font-size:0.9em;}

.splitcontentleft{float:left; width:49%;}
.splitcontentright{float:right; width:49%;}
form {display: inline;}
input, select {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
input.error{
   border: 1px solid red;
}
em.error{
   color: red;
   font-style: italic;
   margin-left: 10px;
}
fieldset {border: 1px solid #e4e4e4; margin:0;}
legend {color: #484848;}
hr { width: 100%; height: 1px; background: #ccc; border: 0;}
blockquote { font-style: italic; border-left: 3px solid #e0e0e0; padding-left: 0.6em; margin-left: 2.4em;}
blockquote blockquote { margin-left: 0;}
textarea.wiki-edit { width: 99%; }
li p {margin-top: 0;}
div.issue {background:#ffffdd; padding:6px; margin-bottom:6px;border: 1px solid #d7d7d7;}
p.breadcrumb { font-size: 0.9em; margin: 4px 0 4px 0;}
p.subtitle { font-size: 0.9em; margin: -6px 0 12px 0; font-style: italic; }
p.footnote { font-size: 0.9em; margin-top: 0px; margin-bottom: 0px; }

/***** Tabular forms ******/
.tabular p{
   margin: 0;
   padding: 5px 0 8px 0;
   padding-left: 180px; /*width of left column containing the label elements*/
   height: 1%;
   clear:left;
}

html>body .tabular p {overflow:hidden;}

.tabular label{
   font-weight: bold;
   float: left;
   text-align: right;
   margin-left: -180px; /*width of left column*/
   width: 175px; /*width of labels. Should be smaller than left column to create some right
margin*/
}

.tabular label.floating{
   font-weight: normal;
   margin-left: 0px;
   text-align: left;
   width: 270px;
}

input#time_entry_comments { width: 90%;}

#preview fieldset {margin-top: 1em; background: url(../images/draft.png)}

.tabular.settings p{ padding-left: 300px; }
.tabular.settings label{ margin-left: -300px; width: 295px; }

.required {color: #bb0000;}
.summary {font-style: italic;}

#attachments_fields input[type=text] {margin-left: 8px; }

div.attachments { margin-top: 12px; }
div.attachments p { margin:4px 0 2px 0; }
div.attachments img { vertical-align: middle; }
div.attachments span.author { font-size: 0.9em; color: #888; }

p.other-formats { text-align: right; font-size:0.9em; color: #666; }
.other-formats span + span:before { content: "| "; }

a.feed { background: url(../images/feed.png) no-repeat 1px 50%; padding: 2px 0px 3px 16px; }

/***** Flash & error messages ****/
#errorExplanation, div.flash, .nodata, .warning {
   padding: 4px 4px 4px 30px;
   margin-bottom: 12px;
   font-size: 1.1em;
   border: 2px solid;
}

div.flash {margin-top: 8px;}

div.flash.error, #errorExplanation {
   background: url(../images/false.png) 8px 5px no-repeat;
   background-color: #ffe3e3;
   border-color: #dd0000;
   color: #550000;
}

div.flash.notice {
   background: url(../images/true.png) 8px 5px no-repeat;
   background-color: #dfffdf;
   border-color: #9fcf9f;
   color: #005f00;
}

div.flash.alert {
   background: url(../images/true.png) 8px 5px no-repeat;
   background-color: #FDBF3B;
   border-color: #9fcf9f;
   color: #005f00;
}

.nodata, .warning {
   text-align: center;
   background-color: #FFEBC1;
   border-color: #FDBF3B;
   color: #A6750C;
}

#errorExplanation ul { font-size: 0.9em;}

/***** Ajax indicator ******/
#ajax-indicator {
   position: absolute; /* fixed not supported by IE */
   background-color:#eee;
   border: 1px solid #bbb;
   top:35%;
   left:40%;
   width:20%;
   font-weight:bold;
   text-align:center;
   padding:0.6em;
   z-index:100;
   filter:alpha(opacity=50);
   opacity: 0.5;
}

html>body #ajax-indicator { position: fixed; }

#ajax-indicator span {
   background-position: 0% 40%;
   background-repeat: no-repeat;
   background-image: url(../images/loading.gif);
   padding-left: 26px;
   vertical-align: bottom;
}

/***** Calendar *****/
table.cal {border-collapse: collapse; width: 100%; margin: 0px 0 6px 0;border: 1px solid #d7d7d7;}
table.cal thead th {width: 14%;}
table.cal tbody tr {height: 100px;}
table.cal th { background-color:#EEEEEE; padding: 4px; }
table.cal td {border: 1px solid #d7d7d7; vertical-align: top; font-size: 0.9em;}
table.cal td p.day-num {font-size: 1.1em; text-align:right;}
table.cal td.odd p.day-num {color: #bbb;}
table.cal td.today {background:#ffffdd;}
table.cal td.today p.day-num {font-weight: bold;}

/***** Tooltips ******/
.tooltip{position:relative;z-index:24;}
.tooltip:hover{z-index:25;color:#000;}
.tooltip span.tip{display: none; text-align:left;}

div.tooltip:hover span.tip{
   display:block;
   position:absolute;
   top:12px; left:24px; width:270px;
   border:1px solid #555;
   background-color:#fff;
   padding: 4px;
   font-size: 0.8em;
   color:#505050;
}


/***** Tabs *****/
#content .tabs {height: 2.6em; border-bottom: 1px solid #bbbbbb; margin-bottom:1.2em; position:relative;}
#content .tabs ul {margin:0; position:absolute; bottom:-2px; padding-left:1em;}
#content .tabs>ul { bottom:-1px; } /* others */
#content .tabs ul li {
   float:left;
   list-style-type:none;
   white-space:nowrap;
   margin-right:8px;
   background:#fff;
}
#content .tabs ul li a{
   display:block;
   font-size: 0.9em;
   text-decoration:none;
   line-height:1.3em;
   padding:4px 6px 4px 6px;
   border: 1px solid #ccc;
   border-bottom: 1px solid #bbbbbb;
   background-color: #eeeeee;
   color:#777;
   font-weight:bold;

}

#content .tabs ul li a:hover {
   background-color: #ffffdd;
   text-decoration:none;
}

#content .tabs ul li a.selected {
   background-color: #fff;
   border: 1px solid #bbbbbb;
   border-bottom: 1px solid #fff;
}

#content .tabs ul li a.selected:hover {
   background-color: #fff;
}


#activity dt,
.journal {
   clear: left;
}

h2 img { vertical-align:middle; }


/***** Media print specific styles *****/
@media print {
   #top-menu, #header, #main-menu, #sidebar, #footer, .contextual, .other-formats { display:none; }
   #main { background: #fff; }
   #content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; overflow: visible !important;}
}
a.button:active {
   background-position: bottom right;
   color: #000;
   outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
   background-position: bottom left;
   padding: 6px 0 4px 18px; /* push text down 1px */
}



#ifxElement
{
   background:white;
   padding: 20px;
   float: right;
   position: absolute;
   top: 0px;
   left: 0px;
   text-align: center;
}


#ifxElement
strong{
   font-size: 2em;
}
#ifxLinks{
   background-color: #DAFF9F;
   border: 1px solid #B5EF59;
   padding: 10px;

 
   top: 400px;
   left: 100px;
}
#ifxLinks a{
   display: block;
   float: left;
   margin: 2px 10px;
   padding: 2px;
   color: #000;
}
#ifxLinks a:hover{
   color: #6CAF00;
   background-color: #EDFFCF;

 
}
div.contenedor {
   overflow: hidden;
   border: 1px solid #E4E4E4;
   width: 100%;
}
#left, #right{
   width: 45%;
   margin: 15px;
}
#left, .left {
   float: left;
}
#right, .right {
   float: right;
}


/***** Cargo form *****/

.cargos_link {
   display:inline;
   float:right;
}

li.cargo_item {
   padding:5px;
   background-color: #eeeeee;
   margin: 5px;
   list-style:none;
   width: 280px;
   height: 30px;
}

ul.jerarquias_list {
   margin:  0 0 0 -45px;

}

.large-box ul li {
   float:left;
   height: 30px;
}


.inner-box {
   float:left;
   min-height: 150px;
   width: 320px;
   margin-right: 20px;
}

.clear {
   clear:both;
}

.inner-form {
   margin:  0 0 0 182px;
}

.form-field {
   margin:  0 0 0 182px;
}


ul.list {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

ul.list li {
   display: inline;
}

ul.list li span {
   margin: 5px;
   font-weight: bold;
}

.box .descripciones, .descripciones .descripcion {
   margin: 10px;
}

.descripciones .descripcion {
   border: 1px dashed #666;
   padding: 5px
}

.descripciones .even .edit-header, .descripciones .odd .edit-header {
   padding: 5px;
}

.descripciones .even .edit-header span.cargo-nombre, .descripciones .odd .edit-header span.cargo-nombre{
   /* font-weight:bold; */
   padding-right: 5px;
   border-right: 1px solid #666;
   margin-right: 5px;
}

#agregar {
   margin-right: 878px;
   padding: 5px;
}

.odd, .even {
   margin:10px;
   padding:5px 0 5px 15px;
}

.agregar_pregunta {
   border: solid 1px #AAA;
   padding: 5px;
   margin: 5px;
   width: 700px;

}

.agregar_pregunta label.lbl_competencia {
   padding: 10px 50px;
   border: 1px solid #CCC;
   margin: 10px;
   background-color: #EEE;
}

.agregar_pregunta .competencia {
   padding: 10px;
   margin: 10px;
}
.agregar_opcion  {
   border: 1px dashed #888;
   padding: 5px;
   margin-left: 15px;
   margin-top: 5px;
   width: 585px
}

a.quitar {
   background-image:url('/bitacorh/images/cancel.png');
   float:right;
   height:7px;
   margin:-5px 5px 0 0;
   padding:5px;
   text-indent:-9999px;
   width:7px;
}

.box .field {
   margin-left: 5px;
}

.box > a {
   margin-left: 6px;
}
.agregar_pregunta .field {
   padding: 0 10px;
   margin-left: 5px;
}

.opcion .field {
   margin: 5px;
   padding: 5px;
   float: left;
   width: 200px;
   margin-right: 40px
}
.opcion .field input {
   margin: 5px;
}

.field p label {
   display: block;
}

.field p {
   margin: 2px;
}

.competencia .competencia-titulo {
   font-size: 12px;
   background-color: #cfcfcf;
   font-weight: bold;
   color: #507AAA;
   padding: 5px;
}

.competencia .descripcion {
   padding-left: 10px;
}

.competencia ul.competencia-tipo {
   margin-left: -28px;
}
.competencia ul.competencia-tipo li {
   display: inline;
   list-style-type: none;
   margin-right: 5px;
}

hr.desc {
   background-color: #cfcfcf;
   margin-bottom: 0px;
}

.paginate {
   padding: 5px;
}

.header p span {
   font-weight: bold;
}
.header p {
   font-size: 14px;
   background-color: #dfdfdf;
   padding: 10px;
}

.listado-preguntas ul.list > li  {
   padding: 2px;
   border: 1px solid #cfcfcf;
   display: block;
   margin-bottom: 2px;
}

.listado-preguntas ul.list li ul span.options {
   font-weight:bold;
   color: #507AAA !important;
}

.listado-preguntas ul.list li ul li {
   margin: 5px;
}

ul.listado-evaluaciones li {
   margin: 5px;
   padding: 5px;
   border-bottom: 1px solid #cfcfcf;
   list-style: none;
   width: 600px;
}

ul.listado-evaluaciones li a {
   font-weight:bold;
   margin-right: 20px;
   float: right;
}

ul.listado-evaluados li {
   list-style: none;
   border-bottom: 1px solid #cfcfcf;
   padding: 5px;
   width: 700px;
}

ul.listado-evaluados li .nombre-de-evaluado span{
   font-weight: bold;
   margin-right: 5px;
}

ul.listado-evaluados li .nombre-de-evaluado {
   margin-bottom: 5px;
}

ul.listado-evaluados li .estado-de-evaluado a {
   font-weight: bold;
   float: right;
}

ul.listado-evaluados li .estado-de-evaluado span.links a {
   margin: 0 5px;
}

.form-evaluacion p {
   font-size: 14px;
   margin-left: 10px;
   padding: 10px;
}

.form-evaluacion ul.opciones {
   margin-left:6px;
   padding:10px 22px;
   border: 1px solid #cfcfcf;
}

.form-evaluacion ul.opciones li {
   list-style: none;
   margin-bottom: 5px;

}

.form-evaluacion ul.opciones label {
   font-weight: bold;
   margin-top: 5px;
}

.box-select-usuarios {
   width: 350px;
   float:left;
   margin: 10px 4px;
}

.box-select-usuarios .titulo {
   font-weight: bold;
   font-size: 14px;
   border-bottom: 1px solid #cfcfcf;
}

.box-select-usuarios ul.list-usuarios li {
   list-style: none;
   margin: 5px 0px;
   background-color: #EEEEEE;
   padding: 5px 0px 10px;
}

.box-select-usuarios ul.list-usuarios li span {
   padding: 5px;
   margin: 5px;
   font-size: 10px;
   font-weight: bold;
}

.box-select-usuarios ul.list-usuarios {
   margin: 5px 0 5px -40px !important;
}

#box-show-evaluacion ul.list-preguntas li {
   list-style: decimal;
   background-color: #efefef;
   padding: 5px;
   margin-bottom: 5px;
}
#box-show-evaluacion ul.list-preguntas li p.pregunta {
   font-size: 12px;
   color: #2C4056;
   font-weight:bold;
}

#box-show-evaluacion .descripcion {
   font-size: 12px;
   font-weight:bold;
}

#box-show-evaluacion .usuario_evaluado {
   font-size: 14px;
   border-bottom: 1px solid #efefef;
   margin: 5px 20px;
}

.puntaje .evaluacion {
   padding:10px;
   background-color: #efefef;
   font-size: 13px;
   border: 1px solid #cfcfcf;
}

.puntaje .evaluacion p {
   margin: 5px;
   padding:0px;
}

.puntaje .evaluacion p span {
   font-weight:bold;
   margin-right:5px; 
   display:block;
   float:left;
}

.puntaje .valor-puntaje {
   font-size: 14px;
   margin-left: 5px;
}

.puntaje .valor-puntaje b {
   color: #2C4056;
   font-size: 15px;
}

.puntaje .evaluador {
   font-weight: bold;
   background-color: #efefff;
   border-bottom: 1px solid #cfcfcf;
   padding: 10px;
   margin-left: 5px;
}
.puntaje .evaluador span {
   font-weight:normal;
}
.puntaje .contenido-evaluacion {
   border: 1px solid #cfcfcf;
   padding: 10px;
   margin: 5px 0 5px 5px;
}

.puntaje .contenido-evaluacion span {
   font-weight:bold;
   width: 100px;
   display:block;
   float:left;
}

.recuadro {
   padding: 5px;
   background-color: #efefef;
   border: 1px solid #cfcfcf;   
   margin:5px;
}

.recuadro span  {
   font-weight:bold;
   margin: 5px;
}

.recuadro p {
   padding-left:5px;
}

.recuadro-blanco {
   padding: 2px;
   border: 1px solid #cfcfcf;   
   font-weight: bold;
   margin: 5px;
}

.recuadro-blanco ul li {
   padding: 2px;
}

ul.listado-evaluados li.self_test {
   background-color: #efefef;
}

.button-wrapper {
 /*   display:inline; */
}

.button-wrapper .buttonHolder input.submit-cancel {
   float:left;
   margin-right: 10px;
}

.two_colums {
   float: left;
   width: 100;
}

.table-puntaje {
   display:block;
   width: 100%;
   padding: 10px;
}

.theader tr {
   text-align: center;
} 

.trow td {
  padding: 10px;
}

.trow td.puntaje {
  width: 7%;
}

.tbag .trow {
   margin-bottom: 5px;
}

.tbag .lastrow {
   background-color: #A0A0A0;
}
/* BUTTONS */

.buttons a, .buttons button{
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;

  }
